<template>
    <div class="main" style="background: #f5f6f6">
        <div class="head">
            <div class="head-l"><i class="iconfont icon-msnui-left-arrow-round" @click="show"></i></div>
            <div class="head-c">大家帮</div>
            <div class="head-r"><i class="iconfont icon-sousuo"></i>
                <i class="iconfont icon-xinxi"></i>
            </div>
        </div>
        <div class="content">
            <div class="section">
                <div class="item"><img class="img" src="/static/img/yiyantang/4.png"><p class="pall"><span class="span1">找专家</span><br/><span class="span2">最全科室 专家对症</span></p></div>
                <div class="item"><img class="img" src="/static/img/yiyantang/5.png"><p class="pall"><span class="span1">去提问</span><br/><span class="span2">一问多大 专业及时</span></p></div>
            </div>
            <ul class="ilist">
                <li class="li active" style="width: 0.3rem">全部<b class="b"></b></li>
                <li class="li" style="width: 0.3rem">妇科<b class="b"></b></li>
                <li class="li" style="width: 0.3rem">疾病<b class="b"></b></li>
                <li class="li" style="width: 0.3rem">两性<b class="b"></b></li>
                <li class="li" style="width: 0.65rem">慢性病<b class="b"></b></li>
                <li class="li" style="width: 0.65rem">肿瘤癌症<b class="b"></b><i class="i">+</i></li>
            </ul>
            <div class="usermain active">
                <div class="usertext">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/6.png">
                            <p class="p">用户8dvlajp</p></div>
                        <span class="span">￥ 12</span>
                    </div>
                    <h2 class="h2">想割双眼皮   请问双眼皮手术现在做的成熟吗？ 有风险吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">·限时免费·</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观2.2k</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/6.png">
                            <p class="p">用户8dvlajp</p></div>
                        <span class="span">￥ 12</span>
                    </div>
                    <h2 class="h2">想割双眼皮   请问双眼皮手术现在做的成熟吗？ 有风险吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">·限时免费·</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观2.2k</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/6.png">
                            <p class="p">用户8dvlajp</p></div>
                        <span class="span">￥ 12</span>
                    </div>
                    <h2 class="h2">想割双眼皮   请问双眼皮手术现在做的成熟吗？ 有风险吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">·限时免费·</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观2.2k</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/6.png">
                            <p class="p">用户8dvlajp</p></div>
                        <span class="span">￥ 12</span>
                    </div>
                    <h2 class="h2">想割双眼皮   请问双眼皮手术现在做的成熟吗？ 有风险吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">·限时免费·</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观2.2k</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/6.png">
                            <p class="p">用户8dvlajp</p></div>
                        <span class="span">￥ 12</span>
                    </div>
                    <h2 class="h2">想割双眼皮   请问双眼皮手术现在做的成熟吗？ 有风险吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">·限时免费·</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观2.2k</p>
                    </div>
                </div>
            </div>
            <div class="usermain">
                <div class="usertext">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">乐不可支的仙草</p></div>
                        <span class="span">￥ 198</span>
                    </div>
                    <h2 class="h2">傅教授您好，我在13年5月份发现白斑，8月份开始在您那治疗，本来本月中旬该去复诊，不巧您在国外，之后两个月我要怎么样用药...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观1.2k</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">乐不可支的仙草</p></div>
                        <span class="span">￥ 198</span>
                    </div>
                    <h2 class="h2">傅教授您好，我在13年5月份发现白斑，8月份开始在您那治疗，本来本月中旬该去复诊，不巧您在国外，之后两个月我要怎么样用药...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观1.2k</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">乐不可支的仙草</p></div>
                        <span class="span">￥ 198</span>
                    </div>
                    <h2 class="h2">傅教授您好，我在13年5月份发现白斑，8月份开始在您那治疗，本来本月中旬该去复诊，不巧您在国外，之后两个月我要怎么样用药...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观1.2k</p>
                    </div>
                </div>
            </div>
            <div class="usermain">
                <div class="usertext">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">性别女 年龄24岁 症状 月经不调 三个月没来月经 排除怀孕 医生开了三种药 第一种 按照上面提示的时间每天按时吃，吃到最后第七粒后暂停</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">性别女 年龄24岁 症状 月经不调 三个月没来月经 排除怀孕 医生开了三种药 第一种 按照上面提示的时间每天按时吃，吃到最后第七粒后暂停</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">性别女 年龄24岁 症状 月经不调 三个月没来月经 排除怀孕 医生开了三种药 第一种 按照上面提示的时间每天按时吃，吃到最后第七粒后暂停</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
            </div>
            <div class="usermain">
                <div class="usertext">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">曹医生好，我今年40岁，女，我想知道，女人有外遇是不是不可原谅，不管什么原因引起的，我每天纠结这个问题，我感觉我要疯了...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">曹医生好，我今年40岁，女，我想知道，女人有外遇是不是不可原谅，不管什么原因引起的，我每天纠结这个问题，我感觉我要疯了...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">曹医生好，我今年40岁，女，我想知道，女人有外遇是不是不可原谅，不管什么原因引起的，我每天纠结这个问题，我感觉我要疯了...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">一元围观</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
            </div>
            <div class="usermain">
                <div class="usertext">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">医生们你们好:我想咨询一下，我先生二型糖尿病20年了，前一段时间空腹血糖一直7_8左右，但最近3个月血糖空腹11，二小时餐后血糖14...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">限时免费</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">医生们你们好:我想咨询一下，我先生二型糖尿病20年了，前一段时间空腹血糖一直7_8左右，但最近3个月血糖空腹11，二小时餐后血糖14...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">限时免费</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">医生们你们好:我想咨询一下，我先生二型糖尿病20年了，前一段时间空腹血糖一直7_8左右，但最近3个月血糖空腹11，二小时餐后血糖14...</h2>
                    <div class="late">
                        <p class="p1"><b class="b">限时免费</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
            </div>
            <div class="usermain">
                <div class="usertext">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">大家好最近一直有个很纠结又后悔的问题，就是我爸爸61岁，胃癌晚期，幽门不全梗阻需要手术吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">限时免费</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">大家好最近一直有个很纠结又后悔的问题，就是我爸爸61岁，胃癌晚期，幽门不全梗阻需要手术吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">限时免费</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
                <div class="usertext" style="margin-top: 0.1rem">
                    <div class="userhead">
                        <div class="user"> <img class="img" src="/static/img/yiyantang/7.png">
                            <p class="p">匿名用户</p></div>
                        <span class="span">￥ 6</span>
                    </div>
                    <h2 class="h2">大家好最近一直有个很纠结又后悔的问题，就是我爸爸61岁，胃癌晚期，幽门不全梗阻需要手术吗？</h2>
                    <div class="late">
                        <p class="p1"><b class="b">限时免费</b><span class="span">已解答 26人已抢答</span></p>
                        <p class="p2">围观111</p>
                    </div>
                </div>
            </div>
        </div>
        <foot></foot>
    </div>
</template>
<script>
    import Foot from "../components/YiYanTang/Foot"
    export default {
        methods:{
          show:function () {
              this.$router.push("/yiyantang")
          }

        },
        mounted:function () {
            $(".ilist li").click(function () {
                $(this).addClass("active").siblings().removeClass("active");
                let iIndex=$(this).index()
                $(".main .usermain").removeClass("active").eq(iIndex).addClass("active")
            })
        },
        components:{
            Foot
        }
    }
</script>
<style scoped>
    html,body{
        height: 100%;
    }
    .main{
        height: 100%;
        flex-direction: column;
        display: flex;
        justify-content: space-between;
    }
    .content{
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .head {
        width: 100%;
        height: 0.42rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        background: white; }
    .head .head-l .icon-msnui-left-arrow-round {
        font-size: 0.3rem; }
    .head .head-c {
        font-size: 0.18rem; }
    .head .head-r {
        margin-right: 0.05rem; }
    .head .head-r .iconfont {
        font-size: 0.2rem; }
    .head .head-r .icon-sousuo {
        margin-right: 0.1rem; }

    .section {
        display: flex;
        align-items: center;
        justify-content: space-around; }
    .section .item {
        padding: 7px 11px 0;
        background-color: #fdfdfd;
        display: flex;
        align-items: center; }
    .section .item .img {
        width: 0.54rem; }
    .section .item .pall .span1 {
        font-size: 0.16rem;
        color: #28354c; }
    .section .item .pall .span2 {
        font-size: 0.12rem;
        color: #83889a; }

    .ilist {
        background: #fdfdfd;
        width: 100%;
        display: flex;
        align-items: center;
        height: 0.4rem;
        border-bottom: 1px solid #eee; }
    .ilist .li {
        font-size: 0.14rem;
        color: #a6a8b6;
        text-align: center;
        margin-left: 0.15rem;
        position: relative; }
    .ilist .li .b {
        width: 0.16rem;
        height: 0.03rem;
        background: #3f86ff;
        position: absolute;
        bottom: -0.1rem;
        left: 31%;
        display: none; }
    .ilist .li .i {
        font-size: 0.2rem;
        font-weight: bold;
        position: absolute;
        color: black;
        right: -0.18rem;
        bottom: -0.02rem; }
    .ilist .active {
        color: #3f86ff; }
    .ilist .active .b {
        display: block; }

    .usermain {
        display: none; }
    .usermain .usertext {
        padding: 0.1rem 0.1rem;
        border-bottom: 1px solid #eee;
        background: #fdfdfd; }
    .usermain .usertext .userhead {
        display: flex;
        align-items: center;
        justify-content: space-between; }
    .usermain .usertext .userhead .user {
        display: flex;
        align-items: center; }
    .usermain .usertext .userhead .user .img {
        width: 0.36rem; }
    .usermain .usertext .userhead .user .p {
        font-size: 0.14rem;
        margin-left: 0.05rem; }
    .usermain .usertext .userhead .span {
        color: #ff695c;
        font-size: 0.16rem; }
    .usermain .usertext .h2 {
        color: #28354c;
        font-size: 17px;
        margin-top: 0.1rem; }
    .usermain .usertext .late {
        display: flex;
        align-items: center;
        margin-top: 0.1rem; }
    .usermain .usertext .late .p1 {
        width: 85%; }
    .usermain .usertext .late .p1 .b {
        font-size: 12px;
        color: #3f86ff; }
    .usermain .usertext .late .p1 .span {
        font-size: 12px;
        color: #a6a8b6; }
    .usermain .usertext .late .p2 {
        font-size: 12px;
        color: #a6a8b6; }

    .active {
        display: block; }
    .foot {
        width: 100%;
        height: 0.47rem;
        display: flex;
        border-top: 1px solid #eee;
        align-items: center;
        justify-content: space-around; }
    .foot .item {
        text-align: center;
        width: 25%;
        color: gray;
        font-size: 0.14rem; }
    .foot .item .iconfont {
        display: block;
        color: gray; }
    .foot .active {
        color: #3f86ff; }
    .foot .active .iconfont {
        color: #3f86ff; }
    /*# sourceMappingURL=everyhelp.css.map */

</style>
